<template>
	<div id="app">
		<main>
			<h2>page demo</h2>
		</main>
	</div>
</template>

<script>
	export default {
		name: 'App',
		data() {
			return {

			};
		},
		methods: {

		}
	};
</script>

<style lang="scss" scoped>
	@import '@/assets/css/mixin';

	#app {
		height: 100vh;

		main {
			padding: 10% 0 0 0;
			display: flex;
			flex-direction: column;
			align-items: center;

			img {
				width: 180px;
			}

			h2 {
				text-align: center;
				font-size: 40px;
			}

			p {
				font-size: 18px;
				text-align: center;
				margin: 15px 0 0 0;
			}
		}
	}
</style>
